<!DOCTYPE html>

<html><!-- InstanceBegin template="/Templates/Template.dwt" codeOutsideHTMLIsLocked="false" -->
<!-- InstanceBeginEditable name="head" -->
<!-- InstanceEndEditable -->
<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Window-target" content="_top">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <!-- InstanceBeginEditable name="doctitle" -->
    <title>Mr. Lan 首页</title>
    <!-- InstanceEndEditable -->
    <meta name="Author" contect="Mr. Lan">
	<meta name="Copyright" content="Mr. Lan">
	<meta name="keywords" content="个人博客,Mr. Lan" />
	<meta name="description" content="Mr. Lan，一个Golang/Python程序员的个人博客，记录博主学习和成长之路，分享Python/Golang方面技术和源码。" />
	<meta property="og:title" content="Mr. Lan" />
	<meta property="og:title" content="Mr. Lan 网站首页" />
	<meta property="og:type" content="个人博客" />
	<meta property="og:url" content="http://www.fdevops.com" />
	<meta property="og:image" content="http://www.fdevops.com/static/images/logo.png" />
	<meta property="og:site_name" content="www.fdevops.com" />
	<meta property="og:description" content="Mr. Lan，一个Golang/Python程序员的个人博客，记录博主学习和成长之路，分享Python/Golang方面技术和源码。" />
	<link rel="shortcut icon" href="/static/favicon.ico" type="image/x-icon" />
	<link href="../static/css/loading.css" rel="stylesheet" />
	<link href="../static/css/scroll-bar.css" rel="stylesheet" />
	<link href="../static/Eextend/layui/css/layui.css" rel="stylesheet" media="all" />
	<link href="../static/css/common.css" rel="stylesheet" />
	<link href="../static/css/suspension.css" rel="stylesheet" />
	<link href="../static/css/animate.css" rel="stylesheet" />
	<link href="../static/Eextend/iconfont/iconfont.css" rel="stylesheet" />
	<script src="../static/Eextend/iconfont/iconfont.js"></script>
	<script src="../static/js/jquery.min.js"></script>
	<script src="../static/Eextend/layui/layui.js"></script>
	<script src="../static/js/wow.min.js"></script>
	<script src="/static/js/baiduStatistics.js"></script>
    <!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
    <!--[if lt IE 9]>
      <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
      <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body>
    <!--
               ▄              ▄
              ▌▒█           ▄▀▒▌
              ▌▒▒▀▄        ▀▒▒▒▐
             ▐▄▀▒▒▀▀▀▀▄▄▄▀▒▒▒▒▒▐
           ▄▄▀▒▒▒▒▒▒▒▒▒▒▒█▒▒▄█▒▐
         ▄▀▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒█▒▒▒▒▒▐
        ▐▒▒▒▄▄▄▒▒▒▒▒▒▒▒▒▒▒▒▒▀▄▒▒▌
        ▌▒▒▐▄█▀▒▒▒▒▄▀█▄▒▒▒▒▒▒▒█▒▐
       ▐▒▒▒▒▒▒▒▒▒▒▒▌██▀▒▒▒▒▒▒▒▒▀▄▌
       ▌▒▀▄██▄▒▒▒▒▒▒▒▒▒▒▒░░░░▒▒▒▒▌
       ▌▀▐▄█▄█▌▄▒▀▒▒▒▒▒▒░░░░░░▒▒▒▐
      ▐▒▀▐▀▐▀▒▒▄▄▒▄▒▒▒  typecho  ▒▌
      ▐▒▒▒▀▀▄▄▒▒▒▄▒▒▒▒▒▒░░░░░░▒▒▒▐
       ▌▒▒▒▒▒▒▀▀▀▒▒▒▒▒▒▒▒░░░░▒▒▒▒▌
       ▐▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▐
        ▀ yo-du ▒▒▒▒▒▒▒▒▒▒▒▄▒▒▒▒▌
          ▀▄▒▒▒▒▒▒▒▒▒▒▄▄▄▀▒▒▒▒▄▀
         ▐▀▒▀▄▄▄▄▄▄▀▀▀▒▒▒▒▒▄▄▀
        ▐▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▀▀

        --你好，世界！生活，从敲的第一行代码开始。
    -->
<div id="loading">
        <div id="loading-center">
            <div id="loading-center-absolute">
                <div class="object" id="object_four"></div>
                <div class="object" id="object_three"></div>
                <div class="object" id="object_two"></div>
                <div class="object" id="object_one"></div>
            </div>
        </div>
    </div>
    <header>
        <nav>
            <div class="logo">
              <a target='_blank' href="/blog/index">
                    <img src="../static/images/logo.png" oncontextmenu="return false;" ondragstart="return false;" />
                </a>
            </div>
            <!-- 汉堡菜单 -->
          <input type="checkbox" id="togglebox" />
            <ul>
                <li style="border-bottom: 4px solid #5FB878 !important;"><a href="/blog/index" style="font-size: 18px; color: #fff;">网站首页</a></li>
                <li><a href="/blog/list" style="font-size: 16px">文章列表</a></li>
				<li><a href="/blog/series" style="font-size: 16px">系列文章</a></li>
                <li><a href="/blog/leave" style="font-size: 16px">网友留言</a></li>
                <li><a href="/blog/site" style="font-size: 16px">站点地图</a></li>
            </ul>
          <label class="menu" for="togglebox">
                <i class="layui-icon layui-extend-hamburg-menu"></i>
            </label>
        </nav>
        <div class="clearfix"></div>
    </header>
<section class="bg-overlay layui-hide">
        <div class="overlay"></div>
        <div class="layui-row text py-5">
            <p class="lead">Keep on going never give up.</p>
            <h1>
                {{ .philosophyValue.Content }}
            </h1>
            <a href="#welcome" class="layui-btn layui-btn-normal layui-btn-radius layui-btn-lg">Let's Go</a>
        </div>
    </section>
    <section class="container">
		<!-- InstanceBeginEditable name="EditRegion1" -->
			
		<!-- 首页样式 -->
		<link href="../static/css/Index.css" rel="stylesheet" />
		
		<div id="welcome" class="target-fix"></div>
		<div class="about">
			<div class="row-container">
				<div class="about-w3ls-info text-center py-5">
					<h3>About Us</h3>
					<p>当你觉得生活没意思，做什么都提不起兴趣时，说明你已经许久没有做出过改变了。长时间待在舒适区，人难免会慢慢丧失斗志，动起来，做出改变，出去看看世界或者学一项新技能，让自己始终在进步。你要相信，在这个世界上，一定有着另外一个你自己，在做着你不敢做的事，过着你想过的生活。</p>
					<a href="/blog/about" class="wow rotateIn" data-wow-delay="0.2s">Read More</a>
				</div>
			</div>
		</div>
	
		<div class="blog">
			<div class="row-container wow fadeInUp">
				<div class="layui-row">
					<h2 class="container-title">热门文章</h2>
					<p class="container-lead text-muted">每个人都有一个习惯，我的习惯是在这里等你来临。</p>
				</div>
				<div class="layui-row layui-col-space30 blog-body">
					{{ range $index, $value := .contentList }}
						{{ $top := 0 }}
						{{ if gt $index 2 }}
							{{ $top = "25px" }}
						{{ end }}
					<div class="layui-col-md4 layui-col-sm6 layui-col-xs12" style="padding-top: {{ $top }}">
						<article class="card">
							<a href="/blog/details?content_id={{ $value.Id }}">
								<img style="width: 335px; height: 185px" class="card-img-top" src="{{ $value.Image }}" alt=""></a>
							<div class="card-body">
								<div class="card-subtitle mb-2 text-muted">作者：Mr. Lan &nbsp;&nbsp;&nbsp;&nbsp;{{ $value.CreatedAt.Format "2006-01-02" }}</div>
								<h4 class="card-title">
									<div class="index-title-div">
										<a href="/blog/details?content_id={{ $value.Id }}">{{ $value.Title }}</a>
									</div>
								</h4>
								<div class="card-text card-text-introduction" style="height: 78px">
									{{ $value.Introduction }}
								</div>
								<div class="text-right">
									<a href="/blog/details?content_id={{ $value.Id }}" class="card-more">阅读更多&nbsp;<i class="layui-icon layui-icon-right"></i></a>
								</div>
							</div>
						</article>
					</div>
					{{ end }}
				</div>
			</div>
		</div>

		<div class="new-comment">
			<h3 class="tittle-wthree text-center">最近留言</h3>
			<!-- Swiper -->
			<div id="swiper1" class="swiper-container wow zoomIn">
				<div class="swiper-wrapper">
					{{ range .commentList }}
					<div class="swiper-slide">
						<div class="testimonials-gd-vj">
							<p class="sub-test">
								<i class="layui-icon layui-extend-quotation"></i>
								{{ .Content }}
							</p>
							<div class="user">
								<a target="_blank" rel="nofollow">
									<div>
										<img class="layui-circle" src="{{ .Avatar }}" alt="">
										<h5 class="layui-elip">{{ .Nickname }}</h5>
									</div>
								</a>
							</div>
						</div>
					</div>
					{{ end }}
				</div>
				<!-- Add Pagination -->
				<div class="swiper-pagination"></div>
			</div>
		</div>

		<div class="hot-review py-5">
			<div class="row-container wow slideInRight">
				<h3 class="tittle-wthree text-center">热评用户</h3>
				<div class="layui-row layui-col-space25 bottom-grids text-center">
					{{ range .commentUser }}
					<div class="layui-col-md4 layui-col-sm4">
						<svg class="icon" aria-hidden="true">
							<use xlink:href="#layui-extend-jiangbei-{{ .Order }}"></use>
						</svg>
						<a target="_blank" rel="nofollow">
							<img class="layui-circle" src="{{ .Avatar }}" alt="">
							<h4 class="layui-elip">{{ .Nickname }}</h4>
						</a>
						<p>
							本站评论数：<span class="layui-badge layui-bg-orange">{{ .CommentCount }}</span>
						</p>
					</div>
					{{ end }}
					<span class="border-line"></span>
				</div>
			</div>
		</div>

		<div class="visitor">
			<h3 class="tittle-wthree text-center">近期访客</h3>
			<!-- Swiper -->
			<div id="swiper2" class="swiper-container wow flipInX">
				<div class="swiper-wrapper">
					{{ range .userInfoList }}
					<div class="swiper-slide">
						<a target="_blank" rel="nofollow">
							<img class="layui-circle" src="{{ .Avatar }}" alt="">
							<h4 class="layui-elip">{{ .Nickname }}</h4>
						</a>
					</div>
					{{ end }}
				</div>
				<!-- Add Pagination -->
				<div class="swiper-pagination"></div>
			</div>
		</div>

		<!-- Swiper CSS And JS -->
		<link href="../static/Eextend/Swiper-4.5.0/css/swiper.min.css" rel="stylesheet" />
		<script src="../static/Eextend/Swiper-4.5.0/js/swiper.min.js"></script>
		<!-- Running JS -->
		<script src="../static/js/jquery.running.min.js"></script>
		<script src="../static/js/Index.js"></script>
		
		
		<!-- InstanceEndEditable -->    
    </section>
   <footer>
     <p><a href="http://fdevops.com">Copyright &copy; 2019. Mr. Lan All rights reserved.</a></p>
    </footer>
    <div id="suspension">
        <div class="livechat-girl animated">
          <img class="girl" src="../static/images/a.png" oncontextmenu="return false;" ondragstart="return false;">
            <div class="livechat-hint rd-notice-tooltip rd-notice-type-success rd-notice-position-left single-line show_hint">
                <div class="rd-notice-content">嘿，来试试登录吧！</div>
            </div>
            <div class="animated-circles">
                <div class="circle c-1"></div>
                <div class="circle c-2"></div>
                <div class="circle c-3"></div>
            </div>
        </div>
    </div>
    <!-- 打字机特效js-->
<script src="../static/js/typewriter-special-effects.js"></script>
<script src="../static/js/Template.js"></script>
<style>
	.index-title-div {
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
	}
</style>
</body>
<!-- InstanceEnd -->
</html>